<template>
    <div class="goodsdesc-container">
        <h1>{{info.tital}}</h1>
        <br>
        <div class="content" v-html="info.content"></div>

    </div>
</template>

<script>
export default {
    data(){
        return {
            info:{},

        }
    },

    created(){
        this.getGoodsDesc()
    },

    methods:{
        getGoodsDesc(){
            this.$http.get('api/goods/goodsdesc/' + this.$route.params.id)
            .then( result => {
                if (result.body.status === 0) {
                    this.info = result.body.message[0]
                }
            })

        },
        getGoodsComment(){

        },

    },
}
</script>

<style lang="scss" >
.goodsdesc-container{
    padding: 4px;
    h1{
        font-size: 12px;
        color: #226aff;
        text-align: center;
        margin: 15px 0;
    }
    .content{
        img{
            width: 100%;
        }
    }
}

</style>